<template>
  <div>
    <p>(format)今天的日期：{{ todayTime }}</p>
    <p>(addDays)今天的日期：{{ addReduceDateTime }}</p>
  </div>
</template>
<script>
import { format, addDays, getDate, parseISO } from "date-fns";
// parseISO()：将字符串形式的日期转换成Date格式的日期
// import { zhCN } from "date-fns/locale"; // 设置locale
export default {
  data() {
    return {
      todayTime: "",
      addReduceDateTime: "",
    };
  },
  mounted() {
    // this.getToDayTime();
    // this.addReduceDate();
    // this.getTimeEvery();
  },
  methods: {
    getToDayTime() {
      // console.log(format(new Date(), "yyyy-MM-dd HH:mm:ss", { locale: zhCN })); //  2021-08-10 11:42:31
      // console.log(format(new Date(), "yyyy-MM-dd HH:mm:ss")); // 2021-08-10 11:38:44
      // console.log(format(new Date(), "yyyy-MM-dd")); // 2021-08-10
      // console.log(format(new Date(), "HH:mm:ss")); // 11:38:44
      this.todayTime = format(new Date(), "yyyy-MM-dd HH:mm:ss");
    },
    addReduceDate() {
      // addDays():几天后的日期
      // addMonths()：几个月后的日期，
      // addHours()：几个小时后的日期，
      // addMinutes()：几分钟后的日期
      // addWeeks():几个周后的日期
      this.addReduceDateTime = format(addDays(new Date(), -1), "yyyy-MM-dd");
    },
    getTimeEvery() {
      // getDate():获取传入时间的天
      // getYear()：获取传入时间的年份，
      // getMonth()：获取传入时间的月份，
      // getDay()：获取传入时间是星期几
      console.log(getDate(new Date()));
      console.log(getDate(parseISO("2020-10-12")));
    },
  },
};
</script>
